import styles from "./error.module.css";
import { Button } from "antd";
import sad from '../../assist/gif/sad.gif';
import wave from '../../assist/icon/wave.svg';
import cloud from '../../assist/icon/cloud.png';
const Error = () => {
    return (
        <div className={styles.error}>
            <img src={cloud} alt="cloud" style={{width:"100wv", position:"fixed", top:0, backgroundColor:"#ffffff",overflow:"hidden"}}/>
            <div className={styles.errorContainer}>
                <div className={styles.errorMessage}>
                    <img src={sad} alt="Sad" style={{ width: "150px", height: "150px"}} />
                    <div style={{display: "flex", flexDirection: "column",}}>
                        <div className={styles.errorTitle}>好像发生错误了唉。Oops! Something went wrong.</div>
                        <div className={styles.errorDescription}>请重试。Please try again later.</div>
                        <div className={styles.errorDescription}>或者：</div>
                        <Button style={{width:'100px'}} onClick={() => {window.location.href = "/home/dataVisualization"}}>点我返回首页</Button>
                    </div>
                </div>
            </div>
            <img src={wave} alt="wave" style={{width:"100vw", position:"fixed", bottom:0}}/>
        </div>
    )
}

export default Error;